
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登录</title>
    <link rel="stylesheet" href="hkp/asserts/css/login.css" />
</head>
<body>
<h1>用户登录</h1>
<form class="login-container" action="handler.jsp">
    <div class="login-item">
        <label>登录账号：</label>
        <input type="text" name="u" class="login-username" />
    </div>
    <div class="login-item">
        <label>登录密码：</label>
        <input type="password" name="p" class="login-password" />
    </div>
    <div class="login-item">
        <label>验证码：</label>
        <input type="text" name="c" />
        <img src="/code" id="cc"onclick="changeCode()"/>
        <a href="javascript:void(0)"onclick="changeCode()">看不清，换一张</a>
    </div>
    <div class="login-item login-footer">
        <button type="submit">登录</button>
    </div>
</form>
</body>
<script>
    function changeCode() {
        cc.src="/code?t=" +Math.random();
    }
</script>

</html>

